<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
    <div class="box">
        <div class="head">
            <div class="nav">
                <div class="nav_logo"></div>
                <ul>
                    <li>首页</li>
                    <li>体验</li>
                    <li>社区</li>
                    <li>状态</li>
                    <li>待发</li>
                    <li>关于我们</li>
                </ul>
                <div class="login">
                    <div>登录</div>
                    <div>注册</div>
                </div>
                <input type="button" value="发起体验" class="tiyan"/>
            </div>
            <div class="banner">
                <div class="banner_son01">
                    <h1>不想等待选拔？免费体验申请不易？
                        任性就想买？</h1>
                    <p>如果希望更自主的参与心仪的体验，
                        留意限量抢购吧~</p>
                    <div class="left"><</div>
                    <div class="right">></div>

                </div>
                <div class="banner_son02">
                    <span>发起体验</span>
                    <div class="banner2_01"></div>
                    <div class="banner2_02"></div>
                </div>
            </div>
        </div>
        <div class="cont">
            <div class="cont01">
                <p class="cont01_p01">体验无需付费，但需按要求进行申请等待评选<br/>并按时赴约体验,履行体验官的神圣职责~<br/>
                    <span>何为免费体验</span></p>
                <p class="cont01_p02">体验无需付费，但需按要求进行申请等待评选<br/>并按时赴约体验,履行体验官的神圣职责~<br/>
                    <span>何为免费体验</span></p>
            </div>
            <div class="cont02">
                <h1>精彩体验</h1>
                <p>这儿没有一场说走就走的旅行</p>
            </div>
            <div class="cont03">
                <div class="cont03-l">
                    <ul>
                        <li class="left_li01">
                            <div class="li0l_1">
                                <h3>慢旅体验</h3>
                                <p>“待”一会儿</p>
                            </div>
                            <div class="li01_2">这里不介绍别人口中著名的景点,<br/>
                                这里的旅行只适合那些“不追逐，做自己”的人。 <br/><span>MORE</span>
                            </div>
                        </li>
                       <li class="common left_li02">
                           <div class="mask"></div>
                           体验绝美的太湖山水生活--太湖花床度假民宿</li>
                        <li class="common left_li03">
                            <div class="mask"></div>
                            体验绝美的太湖山水生活--太湖花床度假民宿</li>
                        <li class="common left_li04">
                            <div class="mask"></div>
                            体验绝美的太湖山水生活--太湖花床度假民宿</li>
                        <li class="common left_li05">
                            <div class="mask"></div>
                            体验绝美的太湖山水生活--太湖花床度假民宿</li>
                    </ul>
                </div>
                <div class="cont03-r">
                    <ul>
                        <li class="right_li01">
                            <div class="right_box"></div>
                            <p>围炉夜话 尽享莫干--唯乐山居暖冬体验</p>
                            <div class="right_li01-01">立即体验</div>
                        </li>
                        <li class="common right_li02">
                            <div class="mask"></div>
                            体验绝美的太湖山水生活--太湖花床度假民宿
                        </li>
                        <li class="common right_li03">
                            <div class="mask"></div>
                            体验绝美的太湖山水生活--太湖花床度假民宿
                        </li>
                    </ul>
                </div>
            </div>
            <div class="cont04">
                <div class="cont04-01 left_li01">
                    <div class="li0l_1">
                        <h3>慢旅体验</h3>
                        <p>“待”一会儿</p>
                    </div>
                    <div class="li01_2">这里不介绍别人口中著名的景点,<br/>
                        这里的旅行只适合那些“不追逐，做自己”的人。 <br/><span>MORE</span>
                    </div>
                </div>
            </div>
            <div class="cont05">
                <ul>
                    <li class="cont05-li01">
                        <div class="cont05-div01">
                            <div class="mask2"></div>
                            <img src="image/lyj.png" alt="" class="lyj"/>
                        </div>
                        <div class="cont05-div02">待着喝茶</div>
                    </li>
                    <li class="cont05-li02">
                        <div class="cont05-div01">
                            <div class="mask2"></div>
                            <img src="image/lyj.png" alt="" class="lyj"/>
                        </div>
                        <div class="cont05-div02">待着喝茶</div>
                    </li>
                    <li class="cont05-li03">
                        <div class="cont05-div01">
                            <div class="mask2"></div>
                            <img src="image/lyj.png" alt="" class="lyj"/>
                        </div>
                        <div class="cont05-div02">待着喝茶</div>
                    </li>
                    <li class="cont05-li04">
                        <div class="cont05-div01">
                            <div class="mask2"></div>
                            <img src="image/lyj.png" alt="" class="lyj"/>
                        </div>
                        <div class="cont05-div02">待着喝茶</div>
                    </li>
                    <li class="cont05-li05">
                        <div class="cont05-div01">
                            <div class="mask2"></div>
                            <img src="image/lyj.png" alt="" class="lyj"/>
                        </div>
                        <div class="cont05-div02">待着喝茶</div>
                    </li>
                    <li class="cont05-li06">
                        <div class="cont05-div01">
                            <div class="mask2"></div>
                            <img src="image/lyj.png" alt="" class="lyj"/>
                        </div>
                        <div class="cont05-div02">待着喝茶</div>
                    </li>
                </ul>
            </div>
            <div class="cont06">
                <div class="cont06-01">
                    <ul>
                        <li class="cont06-011">
                            <img src="image/ys1.jpg" alt=""/>
                            <p>一周那么几天，走一站路回家 <br/>
                                走一站路回家，一路上有春雨浸润的土地，有赵大叔的煎饼摊子…
                                你可能得走40分钟，但是却格外轻松，听音乐，<br/>
                                吹吹风，双脚走得发热。<br/>
                                没有人挤，不为赶时间，<br/>
                                只和自己，走着。
                            </p>
                        </li>
                        <li class="cont06-012">
                            <img src="image/ys2.jpg" alt=""/>
                            <p>一周那么几天，走一站路回家 <br/>
                                走一站路回家，一路上有春雨浸润的土地，有赵大叔的煎饼摊子…<br/>
                                你可能得走40分钟，但是却格外轻松，听音乐，<br/>
                                吹吹风，双脚走得发热。<br/>
                                没有人挤，不为赶时间，<br/>
                                只和自己，走着。
                            </p>
                        </li>
                        <li class="cont06-013">
                            <img src="image/ys3.jpg" alt=""/>
                            <p>一周那么几天，走一站路回家 <br/>
                                走一站路回家，一路上有春雨浸润的土地，有赵大叔的煎饼摊子…<br/>
                                你可能得走40分钟，但是却格外轻松，听音乐，<br/>
                                吹吹风，双脚走得发热。<br/>
                                没有人挤，不为赶时间，<br/>
                                只和自己，走着。
                            </p>
                        </li>
                    </ul>
                </div>
                <div class="cont06-02">
                    <h3>是否意犹未尽</h3>
                    <p>找回待着的初心，只需动动手指</p>
                </div>
                <div class="cont06-03">
                    <div class="cont06-031">
                        <img src="image/like1_t.png" alt=""/>
                        <div></div>
                    </div>
                    <div class="cont06-032">
                        <div class="cont06-0321">
                            <img src="image/like2_t.png" alt=""/>
                            <div class="mask3"></div>
                        </div>
                        <div class="cont06-0322">
                            <img src="image/like3_t.png" alt=""/>
                            <div class="mask3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="foot">
            <div class="foot_banner">
                <div class="foot_banner1">
                    <span>发起体验</span>
                    <div class="banner2_01"></div>
                    <div class="banner2_02"></div>
                </div>
            </div>
            <div class="foot_ad">
                <div class="foot_ad1">
                    <div class="ad_01">
                        <h2>待着</h2>
                        <p>总要给自己机会做点无用又有趣的事情。<br/>
                            一个下午，可以“偷闲”；一个假期，足以“慢旅”；<br/>
                            一种态度，即是“话题”。<br/>
                            浪费这只此一次的人生<br/>
                            理想生活，而理想生活是优美的高于生活<br/>
                        </p>
                    </div>
                    <div class="ad_02">
                        <ul>
                            <li><h2>关于</h2></li>
                            <li>关于永恒</li>
                            <li>留言联系</li>
                            <li>友情链接</li>
                            <li>免费申明</li>
                            <li>网站地图</li>
                        </ul>
                    </div>
                    <div class="ad_03">
                        <ul>
                            <li><h2>栏目</h2></li>
                            <li>用户体验</li>
                            <li>素材下载</li>
                            <li>设计欣赏</li>
                            <li>主题商店</li>
                            <li>未然灵感</li>
                        </ul>
                    </div>
                    <div class="ad_04">
                        <ul>
                            <li><h2>友链</h2></li>
                            <li>前端观察</li>
                            <li>手Q阅读中心</li>
                            <li>FrozenUI</li>
                            <li>摄影达人</li>
                            <li>MAKA</li>
                        </ul>
                    </div>
                    <div class="ad_05">
                        <h2>关注</h2>
                        <p>Email: yongheng@jiawin.com</p>
                        <input type="text"/>
                        <div>订阅</div>
                    </div>
                </div>
                <hr/>
                <div class="foot_ad2">
                    <p>Copyright  2012-2016 <span>待着</span>  Theme by <span>fever</span> All All Rights Reserved. 粤ICP备12073831号-1
                    </p>
                </div>


            </div>
        </div>
    </div>
</body>
</html>